<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <link href="css/main.css" rel="stylesheet" type="text/css" />
<title>Vishma</title>
        <style type="text/css">
<!--
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
      ul#tabs li { display: inline; }
      ul#tabs li a { color:#804040;  background-color: #C8C891; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; font-size:12px text-decoration: none; font-weight:bold}
      ul#tabs li a:hover { background-color: #DCDCED; }
      ul#tabs li a.selected { color: ; background-color: #ECF2FD; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
      div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #EBEBEB; }
      div.tabContent.hide { display: none; }

-->
        </style>
<script type="text/javascript">

    function TriggerOutlook()

    {         

        var body = "";        

        var subject = "Reporting issue in voting application1";


                        window.location.href = "mailto:?body="+body+"&subject="+subject;                

            }    
			function expandcpview() {
                document.getElementById("managecp").style.display = "";
            }
			
			function expandcpview1() {
			document.getElementById("manageTab").style.display = "";
            }
            function collapsecpview() {
                document.getElementById("managecp").style.display = "none";

            }
            function collapsecpview1() {
                document.getElementById("manageTab").style.display = "none";

            }
			
			
			//<![CDATA[

    var tabLinks = new Array();
    var contentDivs = new Array();

    function init() {

      // Grab the tab links and content divs from the page
      var tabListItems = document.getElementById('tabs').childNodes;
      for ( var i = 0; i < tabListItems.length; i++ ) {
        if ( tabListItems[i].nodeName == "LI" ) {
          var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );
          var id = getHash( tabLink.getAttribute('href') );
          tabLinks[id] = tabLink;
          contentDivs[id] = document.getElementById( id );
        }
      }

      // Assign onclick events to the tab links, and
      // highlight the first tab
      var i = 0;

      for ( var id in tabLinks ) {
        tabLinks[id].onclick = showTab;
        tabLinks[id].onfocus = function() { this.blur() };
        if ( i == 0 ) tabLinks[id].className = 'selected';
        i++;
      }

      // Hide all content divs except the first
      var i = 0;

      for ( var id in contentDivs ) {
        if ( i != 0 ) contentDivs[id].className = 'tabContent hide';
        i++;
      }
    }

    function showTab() {
      var selectedId = getHash( this.getAttribute('href') );

      // Highlight the selected tab, and dim all others.
      // Also show the selected content div, and hide all others.
      for ( var id in contentDivs ) {
        if ( id == selectedId ) {
          tabLinks[id].className = 'selected';
          contentDivs[id].className = 'tabContent';
        } else {
          tabLinks[id].className = '';
          contentDivs[id].className = 'tabContent hide';
        }
      }

      // Stop the browser following the link
      return false;
    }

    function getFirstChildWithTagName( element, tagName ) {
      for ( var i = 0; i < element.childNodes.length; i++ ) {
        if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];
      }
    }

    function getHash( url ) {
      var hashPos = url.lastIndexOf ( '#' );
      return url.substring( hashPos + 1 );
    }

function loadoption() {
alert("ewertwet");
document.getElementById("optionTable").display
}
    //]]>
    
function enableSearchDiv() {
var element = document.getElementById("searchoption");
element.display ="";

}


    </script>

</head>

    <body onload="init();">
        <div id="main_content">
            <div class="top_banner">
                <div class="top_banner_inner_right">
                    <div class="top_banner_inner_right_top_link">
                        <span><a href="" class="link">Sign in</a></span>&nbsp;|
                        <span><a href="" class="link">Join</a></span>&nbsp;|
                    <span><a href="" class="link">My Account</a></span></div>

                    <div class="top_banner_inner_right_top_text">
                        <div style="padding-right:13px"></div>
                        <div></div>
                        <div style="padding-right:18px;padding-top:10px">
                            <span class="normalTextLightGreen">Language
                                <select name="languages">
                                    <option>
                                        English
                                    </option>
                                </select>
                            </span>
                        </div>

                    </div>
                </div>
            </div>

            <div>
                <div class="topmenu">
                    <ul>
                        <li class="first"><a class="current" href="home.htm">Home</a></li>
                        <li><a href="votinggrid.htm">Applications</a></li>
                        <li><a href="services.html">Services</a></li>
                        <li><a href="support.html">Support</a></li>
                        <li style="border:none;"><a href="contact_us.html">Contact Us</a></li>
                        <li>
                            <input type="text" class="inputText" value="" title="Search for content for your mobile" id="search"/>
                            <input type="button" value="search" id="searchButton" class="inputButton"/>
                        </li>
                    </ul>
                </div>

            </div>

            <div class="path">
                <a href="#" class="path">Home</a>
            &gt; VAS Providers </div>

            <div class="top_container">

            </div>
            <div class="middle_container">
                <div class="middle_container_left">
                    <div id="menu14">
                        <ul>
                            <li style="padding-bottom:10px" class="boldTextBlack">Applications</li>

                            <li><a href="operator_dashboard.html" title="Link 2" onclick="collapsecpview()">Dashboard</a><a href="content_providers.html" title="Link 1">My VAS Providers</a><a href="grid_view.html" title="Link 2">My Applications</a></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                  </div>

              </div>
                <div class="middle_container_right">
<div class="middle_container_row">
                      <div class="grey_border_top" style="padding-top:0px">Manage VAS Providers
                      </div>                        
                        <div>
                            <span class="search_header">Search Options</span><br/><br/>
                            <div class="Asellbox">
                                <div class="Asellboxin">
                                    <div class="clear" style="width: 450px;text-align: left">

                                        <div class="clear">
                                            <div style="width: 220px;float: left">
                                                <input type="radio" name="all" checked="checked"/>
                                                <span class="boldText">All</span>
                                            </div>
                                            <div style="width: 220px;float: left">
                                                <div class="boldText" style="width: 70px;float: left">Sort By:</div>
                                                <select name="sortby">
                                                    <option>Most Recent</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="clear">&nbsp;</div>
                                        <div class="clear">
                                            <div style="width: 220px;float: left">
                                                <div class="boldText" style="width: 70px;float: left">Country :</div>
                                                <select name="country" style="width: 140px">
                                                    <option>Country1</option>
                                                    <option>Country2</option>
                                                </select>
                                            </div>
                                            <div style="width: 220px;float: left">
                                                <div class="boldText" style="width: 70px;float: left">CP Name :</div>
                                                <input type="text" size="20" value="Any"/>
                                            </div>
                                        </div>
                                        <div class="clear">&nbsp;</div>
                                        <div class="clear">
                                            <div style="width: 220px;float: left">
                                                <div class="boldText" style="width: 70px;float: left">Category :</div>
                                                <select name="category" style="width: 140px">
                                                    <option>Any</option>
                                                    <option>Alerts</option>
                                                    <option>Competitions</option>
                                                    <option>Subscriptions</option>
                                                </select>
                                            </div>
                                            <div style="width: 220px;float: left">
                                                <div class="boldText" style="width: 70px;float: left">Application:</div>
                                                <input type="text" size="20" value="Any"/>
                                            </div>
                                        </div>
                                        <div class="clear">&nbsp;</div>
                                        <div class="clear" style="text-align: center">
                                            <input type="button" value="Search"/>
                                            &nbsp;<input type="button" value="Reset"/>
                                        </div>
                                        <div class="clear">&nbsp;</div>                                        
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="clear">&nbsp;</div>
                        <div class="clear" style="padding-bottom: 25px">
                            <div style="float: left"><span class="header">2</span> <span class="boldText">- VAS Providers Registered</span></div>
                            <div style="float: right">
                                <span class="boldText">Items Per Page </span>
                                <select name="paging">
                                    <option>6</option>
                                    <option>12</option>
                                </select>
                            </div>                     
                        </div>
                        <div class="blueline clear"></div>

                        <div class="clear">&nbsp;</div>
                        <hr />
                        <div class="clear">
                            <div>
                                <div style="width: 50%;float: left">
                                    <div style="width: 40%;float: left">
                                        <a href="">
                                        <img src="images/ico-med-1.png" border="none"/>
                                        </a>
                                    </div>
                                    <div style="width: 60%;float: left">
                                        <span class="boldText">Vas Provider1</span><br/>
                                        <span class="header">5 </span><span class="boldText"> - Application(s) Published</span><br/><br/>

                                        <span class="boldText"><img src="images/rollbtn_on.gif"/>Active</span> | <a href="#" class="blueText">Deactivate</a><br/>
                                        <div class="picture_menu">
                                            <a href="javascript:void(0);" onclick="expandcpview()">View</a> |
                                            <a href="javascript:void(0);" onclick="expandcpview1()">Manage</a> |
                                            <a href="http://www.templatemonster.com/cart.php?add=27562" id="buy_27562"  rel="nofollow" onclick="TriggerOutlook()">Report Issue</a>
                                        </div><br/><br/>
                                    </div>
                                </div>

                                <div style="width: 50%;float: left">
                                    <div style="width: 40%;float: left"><a href=""><img src="images/ico-med-3.png" border="none"/></a></div>
                                    <div style="width: 60%;float: left">
                                        <span class="boldText">Vas Provider2</span><br/>
                                        <span class="header">1 </span><span class="boldText"> - Application(s) Published</span><br/><br/>

                                        <span class="boldText"><img src="images/rollbtn.gif"/>Blocked</span> | <a href="#" class="blueText">Activavte</a><br/>
                                        <div class="picture_menu">
                                            <a href="http://www.templatemonster.com/flash-templates/27562.html" target="_blank">View</a> |
                                            <a href="http://www.templatemonster.com/cart.php?add=27562" onclick="javascript: cart('add=27562');" rel="nofollow">Manage</a> |
                                            <a href="http://www.templatemonster.com/cart.php?add=27562" id="buy_27562" onclick="javascript: buy('27562')" rel="nofollow">Report Issue</a>
                                        </div><br/><br/>
                                    </div>
                                </div>
                            </div>                           
                        </div>

                  </div>





<div class="middle_container_row" id="managecp" style="display:  none" >

                        <div class="grey_border_top" style="height:18px"><div style="float:left">Vas Provider Details.</div>
                          <div style="float:  right; vertical-align:top" >
                                <img src="images/btn_close_lb.png" href="javascript:void(0);" onclick="collapsecpview()"
                                     style="vertical-align:top "/></div>
                            
        </div>

                        <div class="style1">
                          <p class="search_header">Name: Vas Provider1                         </p>
                          <p class="search_header">Number of Recently added applications: 12</p>
                          <p class="search_header">Number of published applications: 179</p>
                          <p class="search_header">Applications Published: 23 </p>
                          <p class="search_header">Applications Activated: 12                       </p>
                          <p class="search_header">Applications Blocked: 21                           </p>
                          
                          <div class="style1">
                              <div class="Asellbox">
                                <div class="Asellboxin"></div>
                              </div>
                          </div>
                            <div class="clear style1"></div>
                            <div class="Asellbox">
                              <div class="Asellboxin"></div>
                            </div>
        </div>
                        <div class="blueline clear"></div>

                        <div class="clear">&nbsp;</div>
                        <div class="clear">
                            <div>
                              <div style="width: 50%;float: left"></div>
                            </div>                           
                        </div>
</div>


<div class="middle_container_row" id="manageTab" style="display: none " >

		
		<div class="grey_border_top" style="height:18px"><div style="float:left">Vas Provider Settings.</div>
                          <div style="float:  right; vertical-align:top" >
                                <img src="images/btn_close_lb.png" href="javascript:void(0);" onclick="collapsecpview1()"
                                     style="vertical-align:top "/></div>
                            
        </div>

                        <ul id="tabs">
      <li><a href="#cp">CP Summary</a></li>
      <li><a href="#app">Application Summary</a></li>
      <li><a href="#stat">Statistics</a></li>
	  <li><a href="#rating">Expert Ratings</a></li>
	  <li><a href="#doc">Documents</a></li>
		    </ul>
    <div class="tabContent" id="cp">
	<table width="100%">
	<tr><td><span class="boldText">Description</span>
	<br/>Sample Description goes here <br/><br/>
	</td></tr>
		<tr><td><span class="boldText">Applications Published</span>
	<br/>5
	</td>
	<td><span class="boldText">Applications Activated</span>
	<br/>4
	</td>
	<td><span class="boldText">Applications Blocked</span>
	<br/>1
	</td>
	</tr>

	</table>
 </div>
 
 <div class="tabContent" id="app" >
 	<table width="100%">
	<tr><td><span class="boldText">Active Applications [4]</span>
	</td></tr>
	<tr>
	<td width="20%"><img src="images/1 copy.gif"/></td>
	<td width="20%"><img src="images/kids movie.gif"/></td>
	<td width="20%"><img src="images/Movie star.gif"/></td>
	<td width="20%"><img src="images/Music online.gif"/></td>

	</tr>
	
	<tr height="20px"></tr>
		<tr><td><span class="boldText"> Blocked Applications [1]</span><td></td>
	</tr>
	<tr><td><img src="images/news alerts.gif"/></td></tr>

	</table>

 </div>
 <div class="tabContent" id="stat">
 <table width="100%">
 <tr>
 <td><span class="boldText">Top Rated Applications</span></td>
 </tr>
 <tr><td>
 Top Rated Application Details goes here</td>
 </tr>
  <tr>
 <td><span class="boldText">Latest Applications</span></td>
 </tr>
 <tr><td>
 Latest Application Details goes here</td>
 </tr>

 </table>
 </div>
 
 <div class="tabContent" id="rating">
 <table width="100%">
 <tr>
 <td><span class="boldText">Rating</span></td>
 </tr>
 <tr><td>
 <img src="images/startrating.JPG"/>
 </td></tr>
 
 <tr height="10px">
 </tr>
 
 <tr><td><span class="boldText">Review</span></td></tr>
 <tr><td>
 <span class="boldText">*Review Title:</span><br/>
 <input type="text" size="50"/>
 </td></tr>
 <tr><td>
 <span class="boldText">*Pros:</span><br/>
 <input type="text" size="50"/>
 </td></tr>
 <tr><td>
 <span class="boldText">*Cons:</span><br/>
 <input type="text" size="50"/>
 </td></tr>
 <tr><td>
 <span class="boldText">*Full Review:</span><br/>
 <input type="text" size="50"/>
 </td></tr>
 <tr><td>
 <span class="boldText">Bottom Line:</span><br/>
 <input type="text" size="50"/>
 </td></tr>
<tr><td><input type="button" value="Save"/><input type="button" value="Reset"/>
<input type="button" value="Cancel"/>
</td></tr>

 </table>
 </div>

                        <div class="blueline clear"></div>

                        <div class="clear">&nbsp;</div>
                        <div class="clear">
                            <div>
                              <div style="width: 50%;float: left"></div>
                            </div>                           
                        </div>
</div>
<div class="middle_container_row"></div>

                    

                    

                  <div class="middle_container_row"></div>

                </div>

            </div>

            <div class="bottom_container">

            </div>

      <div class="footer">
                <span><a href="" class="link">About Us</a></span>&nbsp;|
                <span><a href="" class="link">Contactt us</a></span>&nbsp;|
                <span><a href="" class="link">Sitemap</a></span>&nbsp;|
                <span><a href="" class="link">Terms & Conditions</a></span>&nbsp;|
                <span><a href="" class="link">Publish to Vishma</a></span>&nbsp;|
                <span><a href="" class="link">Vishma blog</a></span>&nbsp;|
                <span><a href="" class="link">RSS Feeds</a></span>

                <div class="normalTextWhite">
                    Copyright  2010 vishma.com. All rights reserved.
                </div>
            </div>

        </div>
    </body>
</html>